<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                
                template="./../templates/templatePrincipal.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="windowTitle">SAMUPG::Inicio</ui:define>

    <ui:define name="content">
        <div id="topContent" class="center_content">
            <h1>Noticias y eventos</h1>
            <br/>
        </div>

        <h:form>
            <p:dataList value="#{interesadoPrincipalController.listPublicaciones}" var="publicacion"
                        id="dlPublicaciones" type="definition" style="background-color: white;">

                <p:fieldset legend="#{publicacion.titulo}" toggleable="true" toggleSpeed="500"
                            style="margin-bottom: 15px; color: black; background-color: white;">
                    <h:panelGrid columns="2">
                        <h:panelGroup />
                        <h:outputText value="#{publicacion.publicacionTexto}" />
                    </h:panelGrid>
                    <h:panelGrid columns="2">
                        <h:outputText value="#{publicacion.publicacionFecha}" style="margin-right: 15px; background-color: azure;"/>
                        <h:link outcome="comentar.jsf" value="Comentar">
                            <f:param name="publicId" value="#{publicacion.publicacionId}" />
                        </h:link>
                    </h:panelGrid>
                </p:fieldset>
                <br />
            </p:dataList>
        </h:form>
    </ui:define>

</ui:composition>
